body {
	margin:0px;
	overflow-x:hidden;
	background-image:linear-gradient(to right,#fbc2eb,#a6c1ee);
}

/*导航栏*/
div#navbar {
	position:absolute;
	width:200px;
	height:100%;
	left:-150px;
	border-radius:0px 10px 10px 0px;
	background:rgba(255,255,255,0.8);
	box-shadow:10px 10px 20px 2px #888888;
	z-index: 2;
}

/*导航栏标题*/
div#navbar_title_div {
	width:100%;
	height:10%;
	text-align:center;
	border-radius:0px 10px 0px 0px;
	background:#3F9FF6;
}

/*导航栏标题文字*/
span#navbar_title_span {
	font-family:"Montserrat";
	font-weight:600;
	font-size:150%;
	color:white;
	margin:auto;
}

/*菜单栏*/
.menu {
	width:100%;
	height:80%;
}

/*菜单项外层*/
.menu_item_div {
	width:100%;
	height:16.67%;
}

/*菜单项*/
.menu_item {
	width:90%;
	height:80%;
	text-align:center;
	border-radius:10px;
	background:rgba(240,134,80,0.7);
	box-shadow:3px 3px 4px 2px #888888;
}

/*菜单项文字*/
.menu_item_span {
	font-family:"Montserrat";
	font-weight:600;
	font-size:150%;
	color:white;
}

/*动画触发块*/
div#navbar_animate_div {
	position:absolute;
	width:50px;
	height:100%;
	background:white;
	box-shadow:1px 1px 1px 1px #888888;
	z-index: 3;
}

/*动画触发块标题图标*/
div#navbar_animate_img_div {
	width:100%;
	height:10%;
	text-align:center;
	background-image:linear-gradient(to bottom,#cfcfcf,#ffffff);
}

/*动画触发块菜单项*/
.animate_menu_item {
	width:100%;
	height:80%;
	text-align:center;
	/*background-image:linear-gradient(to bottom,#ffffff,#dbdbdb,#ffffff);*/
}

/*动画触发块图标*/
.navbar_animate_img {
	width:40px;
	height:40px;
}

/*顶部栏*/
div#headerbar {
	position:absolute;
	top:1%;
	right:0px;
	width:70%;
	height:7%;
	border-radius:10px 0px 0px 10px;
	background:rgba(255,255,255,0.8);
	box-shadow:5px 10px 13px 5px #888888;
}

/*模块标题*/
div#model_title {
	width:25%;
	height:80%;
	margin-left:2%;
	text-align:center;
	border-radius:10px;
	background:#F08650;
}

/*模块标题文字*/
span#model_title_span {
	font-family:"Montserrat";
	font-weight:600;
	font-size:150%;
	color:white;
}

/*数据表标题*/
div#table_title {
	position:absolute;
	top:10%;
	left:37%;
	width:15%;
	height:80%;
	margin-left:2%;
	text-align:center;
	border-radius:10px;
	background:#F08650;
}

/*数据表标题文字*/
span#table_title_span {
	font-family:"Montserrat";
	font-weight:600;
	font-size:150%;
	color:white;
}

/*用户名*/
div#username {
	position:absolute;
	top:10%;
	left:52%;
	width:35%;
	height:80%;
	margin-left:2%;
	text-align:center;
}

/*用户名身份文字*/
span#welcome_span {
	font-family:"Montserrat";
	font-weight:600;
	font-size:150%;
	color:#808080;
}

/*用户名文字*/
span#username_span {
	font-family:"Montserrat";
	font-weight:600;
	font-size:150%;
	color:#808080;
}

/*注销*/
div#logout {
	position:absolute;
	top:10%;
	left:80%;
	width:15%;
	height:80%;
	margin-left:2%;
	border-radius:10px;
	text-align:center;
	background:#BDBDBD;
}

/*注销图标*/
img#logout_img {
	width:35px;
	height:35px;
	vertical-align:middle;
	margin-top:2px;
	margin-left:-5px;
}

/*注销文字*/
span#logout_span {
	font-family:"Montserrat";
	font-weight:600;
	font-size:150%;
	color:white;
	vertical-align:middle;
}

/*占位图片父容器*/
div#background_manageSys_div {
	position:absolute;
	top:22%;
	left:24%;
	width:70%;
	height:65%;
	text-align:center;
	border-radius:10px;
	filter:alpha(opacity=80);/*IE透明*/
	opacity:0.8;/*chrome透明*/
	z-index: 1;
	box-shadow:0px 0px 10px 2px #888888;
}

/*占位图片*/
div#background_manageSys {
	margin:0.5%;
	background: url("../images/background_index.jpg");
	background-position: center;
	background-repeat: no-repeat;
	width: 99%;
	height: 98%;
	border-radius:10px;
}

/*数据表*/
.table {
	position:absolute;
	top:25%;
	left:7%;
	width:90%;
	height:auto;
	text-align:center;
	border-radius:10px;
	background:white;
	border-collapse: collapse;
	z-index: 1;
	box-shadow:3px 3px 2px 2px #888888;
}

/*表格内边框线*/
.line_tr {
	height:1px;
	border-bottom:2px solid rgba(0,0,0,0.2);
}

/*遮罩层*/
div#mask_div {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.5);
	display: none;/*div块不显示*/
	z-index: 10;
}

/*增删改查按钮块*/
div#idus_btn_div {
	position:absolute;
	left:7%;
	top:85px;
	width:90%;
	height:auto;
	text-align:center;
}

/*增删改查按钮*/
.idus_btn {
	width:10%;
	height:50px;
	margin-left:5%;
	margin-right:5%;
	border:0px;
	border-radius:10px;
	font-family:"Montserrat";
	font-weight:600;
	font-size:150%;
	color: #ffffff;
	text-align:center;
	background:#30B4F6;
	box-shadow:3px 3px 2px 2px #888888;
}

/*增加、修改、查询操作框*/
.ius_do_div {
	position: absolute;
	border: 0.5px solid black;
	width: 70%;
	height: 20%;
	left: 15%;
	top: 35%;
	background: white;
	display: none;
	border-radius: 6px;
	z-index:11;
}

/*增加、修改、查询记录输入块*/
.ius_table_div {
	width: 100%;
	height: 66.67%;
}

/*增加、修改、查询和取消按钮块*/
.ius_cancel_btns_div {
	width: 100%;
	height: 33.33%;
	text-align:center;
}

/*增加、修改、查询和取消按钮*/
.ius_do_btn {
	width:10%;
	height:60%;
	margin-left:5%;
	margin-right:5%;
	border:0px;
	border-radius:10px;
	font-family:"Montserrat";
	font-weight:600;
	font-size:100%;
	color:#6B6B6B;
	text-align:center;
	background:#F2F2F2;
	box-shadow:0px 0px 1px 1px #888888;
}

/*增加、修改、查询操作表*/
.ius_do_table {
	position:absolute;
	top:20%;
	left:5%;
	width:90%;
	height:auto;
	text-align:center;
	border-radius:5px;
	background:rgba(0,0,0,0.1);
	border-collapse: collapse;
	table-layout:fixed;
	box-shadow:0px 0px 1px 1px #888888;
}

/*增加、修改、查询操作表输入框*/
.ius_input {
	width: 100%;
	background:rgba(255,255,255,0);
	border:0px;
}

/*数据表单选按钮父容器*/
.radio_td {
	width:5%;
}

/*数据表单选按钮*/
.radio {
	margin-top:-1px;
}

